{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ly商城</title>
    <link href="{% static 'layui/css/layui.css' %}" rel="stylesheet" media="all">
    {% block css %}{% endblock %}
</head>
<body>
<div style="width: 100%;margin: 0 auto">
    <!-- 查询-->
    <div class="layui-collapse" style="margin-bottom: 10px;">
        <div class="layui-colla-item">
            <div class="layui-colla-title">查询</div>
            <div class="layui-colla-content layui-show">
                <form class="layui-form" novalidate>
                    <div class="layui-form-item" style="display: flex">
                        {% csrf_token %}
                        {% for i in search %}
                            <div class="layui-inline">
                                <label class="layui-form-label w-auto">{{ i.label }}: </label>
                                <div class="layui-input-inline">
                                    {{ i }}
                                </div>
                            </div>
                        {% endfor %}


                        <div class="layui-inline" style="display: flex; flex: 1;justify-content:flex-end;">
                            <button class="layui-btn layui-btn-normal" lay-submit=""
                                    lay-filter="data-search-btn" id="search"><i class="layui-icon"></i>查 询
                            </button>
                            <button class="layui-btn layui-btn-primary"><i
                                    class="layui-icon layui-icon-refresh"></i> 重 置
                            </button>

                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- table表格-->
    <div>
        <table class="layui-hide" id="negotiation_table" lay-filter="negotiation_table"></table>
    </div>

    {% block content %}{% endblock %}

</div>


<script src="{% static 'layui/layui.js' %}"></script>
<!-- table的单元格中操作板块的编辑和删除-->
    <script type="text/html" id="barDemo">
        <div class="layui-clear-space">
            <a class="layui-btn layui-btn-xs" lay-event="edit">
                <i class="layui-icon layui-icon-edit"></i>
                编辑
            </a>
            <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">
                <i class="layui-icon layui-icon-delete"></i>
                删除
            </a>
        </div>
    </script>

    <!--  新增按钮-->
    <script type="text/html" id="toolbarDemo">
        <div class="layui-btn-container">
            <button class="layui-btn layui-btn-sm" lay-event="add_negotiation" id="add_negotiation">
                <i class="layui-icon layui-icon-addition"></i>
                新增
            </button>
        </div>
    </script>
{% block js %}{% endblock %}



</body>
</html>